* Popovers *
***************/
-GtkPopover {
+.popover {
margin: 10px;
padding: 2px;
border-color: $borders-color;
}
//popover
- GtkPopover .button.#{$w} {
+ .popover .button.#{$w} {
&:hover {
color: transparentize($fg_color,0.9);
&:active {
/***************
* Popovers *
***************/
-GtkPopover {
+.popover {
margin: 10px;
padding: 2px;
border-color: #1c1f1f;
border-radius: 5px;
background-color: #393f3f;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
- GtkPopover:backdrop {
+ .popover:backdrop {
box-shadow: none; }
- GtkPopover > .list, GtkPopover > .view, GtkPopover > .toolbar {
+ .popover > .list, .popover > .view, .popover > .toolbar {
background-color: transparent; }
- GtkPopover .separator {
+ .popover .separator {
font-size: 80%;
font-weight: bold;
color: #5d6261;
background-color: transparent;
icon-shadow: none;
border: 0; }
- GtkPopover .button,
- GtkPopover .button:hover {
+ .popover .button,
+ .popover .button:hover {
text-shadow: none;
transition: none; }
- GtkPopover.osd {
+ .popover.osd {
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
border: 1px solid #1c1f1f;
color: white; }
- GtkPopover.osd .button {
+ .popover.osd .button {
color: white;
text-shadow: none;
border-width: 1px;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.01));
border-color: rgba(255, 255, 255, 0.2);
box-shadow: none; }
- GtkPopover.osd .button:hover {
+ .popover.osd .button:hover {
border-width: 1px;
border-style: solid;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.01));
border-color: rgba(255, 255, 255, 0.2);
box-shadow: none; }
- GtkPopover.osd .button:active {
+ .popover.osd .button:active {
border-width: 1px;
border-style: solid;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1));
border-color: rgba(255, 255, 255, 0.2);
box-shadow: none; }
- GtkPopover.osd .button:insensitive {
+ .popover.osd .button:insensitive {
border-width: 1px;
border-style: solid;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8));
GtkIconView.content-view.cell.check:selected:backdrop {
color: rgba(201, 203, 201, 0.1); }
-GtkPopover .button.check:hover {
+.popover .button.check:hover {
color: rgba(238, 238, 236, 0.1); }
- GtkPopover .button.check:hover:active {
+ .popover .button.check:hover:active {
color: #eeeeec; }
- GtkPopover .button.check:hover:active:selected {
+ .popover .button.check:hover:active:selected {
color: white; }
- GtkPopover .button.check:hover:active:backdrop {
+ .popover .button.check:hover:active:backdrop {
color: #c9cbc9; }
.radio {
GtkIconView.content-view.cell.radio:selected:backdrop {
color: rgba(201, 203, 201, 0.1); }
-GtkPopover .button.radio:hover {
+.popover .button.radio:hover {
color: rgba(238, 238, 236, 0.1); }
- GtkPopover .button.radio:hover:active {
+ .popover .button.radio:hover:active {
color: #eeeeec; }
- GtkPopover .button.radio:hover:active:selected {
+ .popover .button.radio:hover:active:selected {
color: white; }
- GtkPopover .button.radio:hover:active:backdrop {
+ .popover .button.radio:hover:active:backdrop {
color: #c9cbc9; }
GtkCheckButton.text-button, GtkRadioButton.text-button {
/***************
* Popovers *
***************/
-GtkPopover {
+.popover {
margin: 10px;
padding: 2px;
border-color: #a1a1a1;
border-radius: 5px;
background-color: #ededed;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); }
- GtkPopover:backdrop {
+ .popover:backdrop {
box-shadow: none; }
- GtkPopover > .list, GtkPopover > .view, GtkPopover > .toolbar {
+ .popover > .list, .popover > .view, .popover > .toolbar {
background-color: transparent; }
- GtkPopover .separator {
+ .popover .separator {
font-size: 80%;
font-weight: bold;
color: #c6c8c8;
background-color: transparent;
icon-shadow: none;
border: 0; }
- GtkPopover .button,
- GtkPopover .button:hover {
+ .popover .button,
+ .popover .button:hover {
text-shadow: none;
transition: none; }
- GtkPopover.osd {
+ .popover.osd {
background-image: none;
background-color: rgba(0, 0, 0, 0.8);
border: 1px solid #a1a1a1;
color: white; }
- GtkPopover.osd .button {
+ .popover.osd .button {
color: white;
text-shadow: none;
border-width: 1px;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.01));
border-color: rgba(255, 255, 255, 0.2);
box-shadow: none; }
- GtkPopover.osd .button:hover {
+ .popover.osd .button:hover {
border-width: 1px;
border-style: solid;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.01));
border-color: rgba(255, 255, 255, 0.2);
box-shadow: none; }
- GtkPopover.osd .button:active {
+ .popover.osd .button:active {
border-width: 1px;
border-style: solid;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1));
border-color: rgba(255, 255, 255, 0.2);
box-shadow: none; }
- GtkPopover.osd .button:insensitive {
+ .popover.osd .button:insensitive {
border-width: 1px;
border-style: solid;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8));
GtkIconView.content-view.cell.check:selected:backdrop {
color: rgba(84, 89, 90, 0.1); }
-GtkPopover .button.check:hover {
+.popover .button.check:hover {
color: rgba(46, 52, 54, 0.1); }
- GtkPopover .button.check:hover:active {
+ .popover .button.check:hover:active {
color: #2e3436; }
- GtkPopover .button.check:hover:active:selected {
+ .popover .button.check:hover:active:selected {
color: white; }
- GtkPopover .button.check:hover:active:backdrop {
+ .popover .button.check:hover:active:backdrop {
color: #54595a; }
.radio {
GtkIconView.content-view.cell.radio:selected:backdrop {
color: rgba(84, 89, 90, 0.1); }
-GtkPopover .button.radio:hover {
+.popover .button.radio:hover {
color: rgba(46, 52, 54, 0.1); }
- GtkPopover .button.radio:hover:active {
+ .popover .button.radio:hover:active {
color: #2e3436; }
- GtkPopover .button.radio:hover:active:selected {
+ .popover .button.radio:hover:active:selected {
color: white; }
- GtkPopover .button.radio:hover:active:backdrop {
+ .popover .button.radio:hover:active:backdrop {
color: #54595a; }
GtkCheckButton.text-button, GtkRadioButton.text-button {
-GtkWindow-decoration-button-layout: 'icon:minimize,maximize,close';
}
-GtkWindow, .button, .slider {
+.background, .button, .slider {
background-color: @bg_color;
}
-GtkPopover {
- background-color: @bg_color;
+.popover {
border-color: darker(@bg_color);
border-width: 1px;
border-style: solid;
}
/* Popovers */
-GtkPopover {
+.popover {
border-radius: 3px;
background-clip: border-box;
background-color: @bg_color;
margin: 10px;
padding: 2px;
}
-GtkPopover > .list,
-GtkPopover > .view,
-GtkPopover > .toolbar {
+.popover > .list,
+.popover > .view,
+.popover > .toolbar {
background-color: transparent;
}